<!-- Generated template for the ShopallComponent component -->
<ion-content>
<div *ngIf="flag" class="box">
  <p class="sum">共计：{{sum}}单</p>
  <ion-card *ngFor="let item of orderList1, let i = index">
      <ion-item>
        <ion-avatar item-start>
          <img src="{{picrooturl}}{{item.user_info.user_avator}}">
        </ion-avatar>
        <h2> 
          <span class="shopName">{{item.user_info.user_nickname}}</span>
        </h2>
      </ion-item>
      <ion-grid>
        <ion-row>
          <ion-col col-4>
            <img src="{{picrooturl}}{{item.service_info.imgs}}" class="goodPic">
          </ion-col>
          <ion-col col-5 class="mydetail">
            <h4 class="serviceName">{{item.service_info.service_name}}</h4>
            <p class="orderCount">数量X{{item.order_count}}</p>
            <p class="marketPrice">￥{{item.service_info.market_price}}</p>
            <!--<span>￥{{item.order_price}}</span>￥{{item.service_info.market_price}}</p>-->
          </ion-col>
          <ion-col col-3 class="price">
              <p class="service">服务</p>
              
              <p class="servicePrice">￥{{item.service_info.service_price}}</p>
          </ion-col>
          <!--<ion-col col-4>
            <button ion-button  outline  *ngIf="item.order_status == 1">去支付</button>
            <button ion-button  outline  *ngIf="item.order_status == 4">确认收货</button>
            <button ion-button  outline  *ngIf="item.order_status == 6">去评价</button>
          </ion-col>-->
        </ion-row>
        <ion-row>
          <ion-col class="noPadding shopInfo" *ngIf="item.order_status==2">
            <button class="refund" (tap)="refuse(item)">拒绝</button>
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-card>
    <p  *ngIf="bottom1" class="bot">已经加载全部啦 ~</p>
    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
      <ion-infinite-scroll-content loadingText="正在加载..." threshold="5%"></ion-infinite-scroll-content>
    </ion-infinite-scroll>
    
</div>
<!--  没有相关订单的时候 显示的数据 -->
<div class="hasNoMsg" text-center *ngIf="!flag">
  <img  style='width:290px;height:170px;margin-top:100px;' src="assets/img/Comment/dingdankong@2x.png" alt="">
  <p style='color:#aaa;font-size:1.4rem;'>您还没有相关的订单哟</p>
</div>
</ion-content>
